import React, { Component } from "react";
import ReactDOM from "react-dom/client";

const root = ReactDOM.createRoot(document.getElementById('root'))

// Component 是 react 中组件的基类
// class App extends React.Component {
class App extends Component {

  // render 是每一个类组件都必须实现的一个钩子函数
  // render 内部写的是业务逻辑代码，最终会返回一个组件模板 jsx 代码
  // 在 jsx 中如果遇到 <> 代表的是标签元素或者组件
  // 如果遇到 {} 代表的是 js 表达式
  render () {
    return (<>
      <h1>react {1 + 3}</h1>
    </>)
  }
}

// 类组件 - 实例化
const bpp = new App().render()
root.render(
  bpp
)

// 1. 复习 js 中查询 DOM 的方法
// 2. 复习 es5 的继承和 es6 类的继承机制，有什么不同
